<#assign basePath = request.contextPath >
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Basic DataGrid - jQuery EasyUI Demo</title>
   	<link rel="stylesheet" type="text/css" href="${basePath}/resources/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="${basePath}/resources/easyui/themes/icon.css">
	<script type="text/javascript" src="${basePath}/resources/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="${basePath}/resources/easyui/jquery.easyui.min.js"></script>
</head>
<body>
    <table class="easyui-datagrid" title="Basic DataGrid"
    	data-options="singleSelect:true,collapsible:true,pagination:true,pageSize:20,method:'get', url:'${basePath}/sina/user/list.json'">
        <thead>
            <tr>
                <th data-options="field:'id',width:80">Item ID</th>
                <th data-options="field:'nickname',width:100">Product</th>
                <th data-options="field:'sex',width:80,align:'right'">List Price</th>
                <th data-options="field:'userid',width:80,align:'right'">Unit Cost</th>
                <th data-options="field:'avatar',width:250">Attribute</th>
                <th data-options="field:'tag',width:60,align:'center'">Status</th>
                <th data-options="field:'followstr',width:60,align:'center'">Status</th>
            </tr>
        </thead>
    </table>
 
 	<script type="text/javascript">
 		$(function(){
 			var pager = $('.easyui-datagrid').datagrid('getPager');
 		});
 	</script>
</body>
</html>